<script setup>
	// import tabBar from '@/components/tab-bar/tab-bar.vue
	import TabBerVant from './components/tab-bar/tab-ber-vant.vue'
	import Loading from './components/loading/loading.vue'
	import { useRoute } from 'vue-router'

	const route = useRoute()
</script>

<template>
	<div class="app">
		<router-view v-slot="props">
			<keep-alive include="home">
				<component :is="props.Component"></component>
			</keep-alive>
		</router-view>

		<!-- <tab-bar></tab-bar> -->
		<tab-ber-vant v-show="!route.meta.hideTabBar" />
		<!-- <tab-ber-vant></tab-ber-vant> -->
		<loading />
	</div>
</template>

<style lang="scss" scoped></style>
